<!DOCTYPE html>
<html lang="en">
<!--一、	根据页面上输入的行数和列数动态添加表格。-->
<!--
1.	为“生成表格”按钮添加点击事件
2.	编写方法，实现功能：
2.1	获取用户输入的行和列的值
2.2	生成表格
2.3	在页面上已经有的div中添加上面创建的table元素
-->

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function createTable() {
            let row = document.getElementById("row").value;
            let col = document.getElementById("col").value;
            let tab = "<table border='1' bordercolor='blue' cellspacing='0'>";
            for(let i=0;i<row ; i++){
                tab+="<tr>";
                for(let j=0;j<col;j++){
                    tab+="<td>黑马</td>"
                }
                tab+="</tr>";
            }
            tab+="</table>";
            let divNode = document.getElementById("divId");
            divNode.innerHTML = tab;
        }
    </script>
</head>
<body>
行：<input id="row" type="text" />
列：<input id="col" type="text" />
<input type="button" value="生成表格" onclick="createTable()"/>
<div id="divId"></div>
</body>
</html>